<script setup>
/**
 * & 文件引入区域
 */

/**
 * & 注册区
 */
defineProps(["title"]);

/**
 * & 变量声明区
 */

/**
 * & 函数区
 */
</script>

<template>
  <div class="TicketPageTop">
    <img
      src="/images/Shop/TicketPageTop.png"
      alt=""
      class="backBtn"
      @click="$router.back()"
    />

    <div class="title" v-if="title">{{ title }}</div>

    <slot></slot>
  </div>
</template>

<style lang="scss" scoped>
.TicketPageTop {
  padding: 15rem 0;
  position: relative;
  display: flex;
  align-items: center;

  .backBtn {
    width: 24rem;
    margin-left: 16rem;
    position: relative;
    z-index: 100;
  }

  > .title {
    position: absolute;
    left: 0;
    right: 0;

    font-size: 18rem;
    font-weight: 400;
    line-height: 22rem;
    text-align: center;
    color: #000;
  }
}
</style>
